<div class="col-sm-3 col-md-2 sidebar">
    <ul class="nav nav-sidebar">
      <li [ngClass]="{active:currentRoute.startsWith('/contact')}" ><a  href ="/#/contact?id=20">联系人管理 <span class="sr-only">(current)</span></a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/tag')}"><a  href ="/#/p?id=12">标签管理1</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/about')}"><a href="/#/p?id=10">关于</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/table')}"><a routerLink="/table">表格</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/drag')}"><a routerLink="/drag-drop">cdk-dropdrag</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/charts')}"><a (click)="navigate('/charts')">charts</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/qiankun')}"><a routerLink ="/qiankun/spa/6131f9d1a5da096210db6bb0">文档</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/spa')}"><a routerLink="/spa">spa</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/spa2')}"><a routerLink="/spa2">spa2</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/admin')}"><a routerLink="/admin">admin</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/menu')}"><a routerLink="/menu">菜单</a></li>
      <li [ngClass]="{active:currentRoute.startsWith('/menu')}"><a routerLink="/demos/tabs">tab</a></li>
    </ul>
  </div>
